.card-component {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    .left-icon {
        margin: 8px;
        overflow: hidden;
    }
    .content {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-right: 8px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        .title {
            color: black;
            font-size: 2em;
        }
        .sub-title {
            color: gray;
            font-size: 1em;
        }
    }
    .right-icon {
        display: flex;
        flex-direction: row-reverse;
        margin-right: 8px;
    }
}

.footer-container {
    display: flex;
    flex-direction: row-reverse;
    margin-left: 0.8rem;
    margin-right: 0.8rem;
    .footer {
        font-size: 1rem;
        color: #7E8194;
        font-family: PingFangSC-Regular;
    }
}